﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>jQuery Banner Rotator</title>
    <link rel="stylesheet" type="text/css" href="preview.css"/>
	<link rel="stylesheet" type="text/css" href="wt-rotator.css"/>
	<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>

    <script type="text/javascript" src="js/jquery.wt-rotator.min.js"></script>    
	<script type="text/javascript" src="js/preview.min.js"></script>
    <!--[if lt IE 9]>
  	<style>
    	.panel {
	    	border-left:1px solid #444;
			border-right:1px solid #444;
        }
    </style>
    <![endif]-->    
</head>
<body>
<div class="panel">
  <div class="container">
      <div class="wt-rotator">
            <div class="screen">

                <noscript><img src="images/triworks_abstract17.jpg"/></noscript>
            </div>
            <div class="c-panel">
                <div class="buttons">
                    <div class="prev-btn"></div>
                    <div class="play-btn"></div>    
                    <div class="next-btn"></div>               
                </div>
                <div class="thumbnails">

                    <ul>
                        <li>
                            <a href="images/triworks_abstract17.jpg" title="3D abstract art"><img src="images/thumbs/triworks_abstract17.jpg"/></a>
                            <a href="http://codecanyon.net/user/webtako" target="_blank"></a>                        
                            <div style="left:5px; top:94px; width:336px; height:0;"> 
                            	<h1>JQuery Banner Rotator</h1>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Ut tincidunt mi a lectus gravida pulvinar. Aliquam viverra cursus felis, 
                                lobortis elementum tortor malesuada non. 
                                Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet. </div>
                        </li>
                        <li>

                            <a href="images/sf.jpg" title="san francisco"><img src="images/thumbs/sf.jpg"/></a>
                            <a href="http://codecanyon.net/user/webtako" target="_blank"></a>
                            <div style="left:5px; top:36px; width:336px; height:0; color:#000; background-color:#FFF"> 
                                <h1 style="color:#0CF">JQuery Banner Rotator</h1>
                                Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque complectitur. 
                                Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri. In lorem fugit impedit eum, pro docendi rationibus reformidans et. 
                                Cum ei ludus feugait luptatum.</div>                                                  	
                        </li>
                        <li>
                            <a href="images/triworks_abstract26.jpg" title="3D abstract art"><img src="images/thumbs/triworks_abstract26.jpg"/></a>   
                            <a href="http://codecanyon.net/user/webtako" target="_blank"></a>

                            <div style="left:5px; top:36px; width:336px; height:0; color:#000; background-color:#FFF">
                            	<h1 style="color:#0CF">JQuery Banner Rotator</h1>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Ut tincidunt mi a lectus gravida pulvinar. Aliquam viverra cursus felis, 
                                lobortis elementum tortor malesuada non. 
                                Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet. </div>                                                          	                   
                        </li>
                    </ul>

                </div>     
            </div>
        </div>	
  </div>
</div>
</body>    
</html>
